<!-- ! 引入js文件中的tooltip用于微信 微博图标中的提示 -->
<!-- <script>
  $('[data-toggle="tooltip"]').tooltip('enable');
</script> -->
<script src="../js/main.js"></script>

<!-- --------------------------------footer start---------------------------------------- -->
<footer id="webFooter">
  <div class="container">
    <div class="row d-flex justify-content-center align-items-center">
      <!--col-lg-4 d-none d-lg-block：默认隐藏，当屏幕宽度等于或大于 992px的时候，占据 12列中的4列，并且显示出来，
        如果屏幕宽度小于992px，就隐藏自身
      -->
      <div class="col-lg-4 d-none d-lg-block">
        <!--在row里面设置row-->
        <div class="row d-flex align-items-center">
          <!--offset-lg-2：.offset-*用于栅格偏移，可以使列向右偏移，也就是左边空出几列，
            栅格系统有12列，也就是该li最左边有2列的宽度，其中lg就是宽度限制，只有大屏幕和超大屏幕时才会向右偏移，否则不会偏移
          -->
          <ul class="offset-lg-2 col-lg-4">
            <li>
              <a href="javascript:;">关于我们</a>
            </li>
            <li>
              <a href="javascript:;">课程介绍</a>
            </li>
            <li>
              <a href="javascript:;">热门课程</a>
            </li>
          </ul>
          <!--你可以发现上面用了6列，这里用了4列，一共10列，不够12列，其实右边其实也默认有两列，还是12列，不多不少-->
          <ul class="col-lg-4">
            <li>
              <a href="javascript:;">名师互动</a>
            </li>
            <li>
              <a href="javascript:;">课堂互动</a>
            </li>
            <li>
              <a href="javascript:;">联系我们</a>
            </li>
          </ul>
        </div>
      </div>
      <div class="col-md-6 col-lg-4 text-center">
        <h6>公司地址：上海市松江区松江大学城</h6>
        <h6>联系电话：666666</h6>
        <h6>地址邮箱：2324353454@163.com</h6>
      </div>
      <div class="col-md-6 col-lg-4 d-none d-md-block text-center">
        <h6>联系我们：</h6>
        <a href="javascript:;">
          <!-- 提示冒泡(Tooltip) -->
          <!-- ! data-toggle="tooltip" data-placement="bottom" title="关注微信"：这是提示框的内容，另外还需要用到javascript，这在main.js中写着-->
          <img src="../images/weixin-h.png" width="50" data-toggle="tooltip" data-placement="bottom" title="关注微信" />
        </a>
        <a href="javascript:;">
          <img src="../images/xinlang-h.png" width="50" data-toggle="tooltip" data-placement="bottom" title="关注微博" />
        </a>
      </div>
    </div>
  </div>
</footer>


<!-- --------------------------------footer end---------------------------------------- -->